/* subPackages/packageA/components/shesuPreview.wxss */
.shesu-preview-container {
  width: 750rpx;
  height: 260px;
  position: relative;
  color: #333;
  font-size: 28rpx;

  .bg {
    width: 100%;
    height: 100%;
  }

  .red {
    color: #F35F5E;
  }

  .content {
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    padding: 20rpx 30rpx;
    box-sizing: border-box;

    .title-bar {
      .img {
        width: 36rpx;
        height: 36rpx;
        margin-right: 10rpx;
      }

      .name {
        width: 200rpx;
        height: 46rpx;
      }
    }

    .sta-list {
      border-radius: 5px;
      background: rgba(255, 255, 255, 0.55);
      margin-top: 16rpx;

      .item {
        padding: 12rpx 0;
        margin: 0 20rpx;
        line-height: 48rpx;
        border-bottom: 1px solid rgba(222, 231, 248, 0.60);

        &.last-child {
          border-bottom: none;
        }

        .dot {
          margin-right: 14rpx;
          width: 12rpx;
          height: 12rpx;
          border-radius: 50%;
          background: #F35F5E;
        }

        text.num {
          color: #F35F5E;
        }
      }
    }
  }
}